<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/css.css" />
		<link rel="stylesheet" href="css/pop.css" />
		<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
		<script type="text/javascript" src="js/popup.js" ></script>
	</head>
	<body>
		
		<div class="popup open">
			<div class="close"></div>
			<div class="tit"></div>
			<div class="pop-main">
				<div class="txt">
					<h2>开箱成功！</h2>
					<span>恭喜您获得<b>XX</b>元现金红包！</span>
					<p>您还有XX次开箱机会，再开一次获取更多福利~</p>
				</div>
				<div class="pop-btnbox">
					<div class="btn">邀请好友
							<div>
								<a href="#"><img src="images/share_03.png"></a>
								<a href="#"><img src="images/share_05.png"></a>
								<a href="#"><img src="images/share_07.png"></a>
								<a href="#"><img src="images/share_09.png"></a>
							</div>
						</div>
					<a href="#" class="btn">充值</a>
					<a href="#" class="btn">再开一次</a>
				</div>
			</div>
		</div>
		
		<div class="popup occlude">
			<div class="close"></div>
			<div class="tit"></div>
			<div class="pop-main">
				<div class="txt">
					<p>您的开箱次数已用完，邀请好友<br />或充值可获更多开箱机会~</p>
				</div>
				<div class="pop-btnbox">
					<div class="btn">邀请好友
							<div>
								<a href="#"><img src="images/share_03.png"></a>
								<a href="#"><img src="images/share_05.png"></a>
								<a href="#"><img src="images/share_07.png"></a>
								<a href="#"><img src="images/share_09.png"></a>
							</div>
						</div>
					<a href="#" class="btn">充值</a>
					<a href="#" class="btn">重试</a>
				</div>
			</div>
		</div>
		
		<div class="popup small">
			<div class="close"></div>
			<div class="tit"><span>活动规则</span></div>
			<div class="pop-main">
				<div class="txt">
					<p>1、每天3次初始猜题机会<br />
					2、分享游戏至好友/微信群/朋友圈，1位好友点击注册<br />
					即可增加1次猜题机会（与邀请好友开宝箱活动不重叠）<br />
					3、现金红包于活动结束后5个工作日内发放
					</p>
				</div>
			</div>
		</div>
		
		<div class="popup small">
			<div class="close"></div>
			<div class="tit"><span>活动规则</span></div>
			<div class="pop-main">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr><th>Header</th><th>Header</th></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td></tr>
				</table>
			</div>
		</div>
		
		<div class="popup small">
			<div class="close"></div>
			<div class="pop-main" style="margin-top: 50px;">
				<div class="txt">
					<p>尊敬的客户，您已在钱爸爸平台出借过，不能享受首投壕礼。邀请友好参加活动可获邀请红包~</p>
					<div class="sh">
						<span>邀请友好领红包：</span>
						<p>
							<a href="#"><img src="images/share_03.png"></a>
							<a href="#"><img src="images/share_05.png"></a>
							<a href="#"><img src="images/share_07.png"></a>
							<a href="#"><img src="images/share_09.png"></a>
						</p>
					</div>
				</div>
			</div>
		</div>
		
		<div class="popup big">
			<div class="close"></div>
			<div class="tit"><span>我的奖品</span></div>
			<div class="pop-main">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr><th>Header</th><th>Header</th><th>Header</th></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
				</table>
			</div>
			<div class="pop-btnbox">
					<a href="#" class="btn">地址管理</a>
				</div>
		</div>
		
		<div class="popup big">
			<div class="close"></div>
			<div class="tit"><span>开箱记录</span></div>
			<div class="pop-main">
				<table border="0" cellspacing="0" cellpadding="0">
					<tr><th>Header</th><th>Header</th><th>Header</th></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
					<tr><td>Data</td><td>Data</td><td>Data</td></tr>
				</table>
			</div>
		</div>
		
		
		<div class="cover"></div>
		
		<script>
			$(function(){
				popup(".popup");
				$(".popup .close").click(function(){
					$(this).parent().hide();
					$('.cover').hide();
				})
			})
		</script>
	</body>
</html>
